<!doctype html>
<html lang="zh">

<head>
	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
	<meta charset="utf-8">
	<title>site</title>
	<link href="skin/default/css/screen.css" rel="stylesheet">
	<script>
	! function() {
		var a = "@charset \"utf-8\";html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{font-family:sans-serif}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}abbr,acronym{border:0;font-variant:normal}del{text-decoration:line-through}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}q:before,q:after{content:''}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}a:hover{text-decoration:underline}ins,a{text-decoration:none}",
			b = document.createElement("style");
		if (document.getElementsByTagName("head")[0].appendChild(b), b.styleSheet) b.styleSheet.disabled || (b.styleSheet.cssText = a);
		else try {
			b.innerHTML = a
		} catch (c) {
			b.innerText = a
		}
	}();
	! function(a, b) {
		function c() {
			var b = f.getBoundingClientRect().width;
			b / i > 540 && (b = 540 * i);
			var c = b / 10;
			f.style.fontSize = c + "px", k.rem = a.rem = c
		}
		var d, e = a.document,
			f = e.documentElement,
			g = e.querySelector('meta[name="viewport"]'),
			h = e.querySelector('meta[name="flexible"]'),
			i = 0,
			j = 0,
			k = b.flexible || (b.flexible = {});
		if (g) {
			console.warn("将根据已有的meta标签来设置缩放比例");
			var l = g.getAttribute("content").match(/initial\-scale=([\d\.]+)/);
			l && (j = parseFloat(l[1]), i = parseInt(1 / j))
		} else if (h) {
			var m = h.getAttribute("content");
			if (m) {
				var n = m.match(/initial\-dpr=([\d\.]+)/),
					o = m.match(/maximum\-dpr=([\d\.]+)/);
				n && (i = parseFloat(n[1]), j = parseFloat((1 / i).toFixed(2))), o && (i = parseFloat(o[1]), j = parseFloat((1 / i).toFixed(2)))
			}
		}
		if (!i && !j) {
			var p = (a.navigator.appVersion.match(/android/gi), a.navigator.appVersion.match(/iphone/gi)),
				q = a.devicePixelRatio;
			i = p ? q >= 3 && (!i || i >= 3) ? 3 : q >= 2 && (!i || i >= 2) ? 2 : 1 : 1, j = 1 / i
		}
		if (f.setAttribute("data-dpr", i), !g)
			if (g = e.createElement("meta"), g.setAttribute("name", "viewport"), g.setAttribute("content", "initial-scale=" + j + ", maximum-scale=" + j + ", minimum-scale=" + j + ", user-scalable=no"), f.firstElementChild) f.firstElementChild.appendChild(g);
			else {
				var r = e.createElement("div");
				r.appendChild(g), e.write(r.innerHTML)
			}
		a.addEventListener("resize", function() {
			clearTimeout(d), d = setTimeout(c, 300)
		}, !1), a.addEventListener("pageshow", function(a) {
			a.persisted && (clearTimeout(d), d = setTimeout(c, 300))
		}, !1), "complete" === e.readyState ? e.body.style.fontSize = 12 * i + "px" : e.addEventListener("DOMContentLoaded", function() {
			e.body.style.fontSize = 12 * i + "px"
		}, !1), c(), k.dpr = a.dpr = i, k.refreshRem = c, k.rem2px = function(a) {
			var b = parseFloat(a) * this.rem;
			return "string" == typeof a && a.match(/rem$/) && (b += "px"), b
		}, k.px2rem = function(a) {
			var b = parseFloat(a) / this.rem;
			return "string" == typeof a && a.match(/px$/) && (b += "rem"), b
		}
	}(window, window.lib || (window.lib = {}));
	</script>
	<script src="javascript/jquery-2.2.0.min.js"></script>
	<script src="javascript/amfe/scrollview_css.js"></script>
	<script src="javascript/amfe/combo.js"></script>
	<script src="javascript/amfe/scrollview.js"></script>
</head>

<body>
	<div class="view">
		<div class="scrollview" id="scrollview">
			<div class="scroll-wrap" id="scroll-wrap">
				<div class="scroll-content">
					<div class="content center">
						<div class="top-fixed" id="top-fixed">
							<header>
								<div class="header-wrap">
									<div class="back-wrap">
										<div class="icon"></div>
									</div>
									<div class="search-wrap">
										<div class="input-wrap">
											<input class="search-words f16" type="text">
										</div>
										<div class="btn-wrap">
											<div class="submit-btn">
												<!--<input type="button" class="">-->
											</div>
										</div>
									</div>
									<div class="shopping-cart-wrap">
										<div class="cart"></div>
									</div>
								</div>
							</header>
						</div>
						<div class="banner-wrap"> <img src="skin/default/images/index@3.webp"></div>
						<div class="t-entrance">
							<div class="box">
								<div class="icon-wrap">
									<div class="icon-category"></div>
								</div>
								<div class="title">商品分类</div>
							</div>
							<div class="box">
								<div class="icon-wrap">
									<div class="icon-promotion"></div>
								</div>
								<div class="title">最新促销</div>
							</div>
							<div class="box">
								<div class="icon-wrap">
									<div class="icon-integral"></div>
								</div>
								<div class="title">积分商城</div>
							</div>
							<div class="box">
								<div class="icon-wrap">
									<div class="icon-collection"></div>
								</div>
								<div class="title">我的收藏</div>
							</div>
						</div>
						<div class="category-box">
							<div class="item-box">
								<div class="img"><img src="skin/default/images/c0.jpg"></div>
								<div>
									<div class="category">个人护理</div>
									<div class="category-sub">面部护理&nbsp;洗发护发</div>
								</div>
							</div>
							<div class="item-box">
								<div class="img"><img src="skin/default/images/c1.jpg"></div>
								<div>
									<div class="category">休闲食品</div>
									<div class="category-sub">休闲零&nbsp;食饼干蛋糕</div>
								</div>
							</div>
							<div class="item-box">
								<div class="img"><img src="skin/default/images/c2.jpg"></div>
								<div>
									<div class="category">乳品酒饮</div>
									<div class="category-sub">饮料牛奶&nbsp;冲调饮品</div>
								</div>
							</div>
							<div class="item-box">
								<div class="img"><img src="skin/default/images/c3.jpg"></div>
								<div>
									<div class="category">家清纸品</div>
									<div class="category-sub">生活用&nbsp;纸衣物洗护</div>
								</div>
							</div>
							<div class="item-box">
								<div class="img"><img src="skin/default/images/c4.jpg"></div>
								<div>
									<div class="category">母婴护理</div>
									<div class="category-sub">宝宝护肤&nbsp;妈咪护肤</div>
								</div>
							</div>
							<div class="item-box">
								<div class="img"><img src="skin/default/images/c5.jpg"></div>
								<div>
									<div class="category">护理保健</div>
									<div class="category-sub">创口贴&nbsp;成人用品</div>
								</div>
							</div>
						</div>
						<div class="seckill">
							<div class="title-bar">
								<div class="icon"></div>
								<div class="title">限时秒杀</div>
								<div class="more">查看更多</div>
							</div>
							<div class="split">
								<div class="pro-box">
									<div class="img"><img src="skin/default/images/~img.jpg"></div>
									<div class="title">大宝SOD蜜200ML</div>
									<div class="price"><span class="sale">￥16.90</span>&nbsp;<span class="promotion">￥18.60</span></div>
								</div>
								<div class="pro-box">
									<div class="img"><img src="skin/default/images/~img.jpg"></div>
									<div class="title">大宝SOD蜜200ML</div>
									<div class="price"><span class="sale">￥16.90</span>&nbsp;<span class="promotion">￥18.60</span></div>
								</div>
							</div>
						</div>
						<div class="recommend">
							<div class="title-bar">
								<div class="icon"></div>
								<div class="title">推荐</div>
								<div class="more">查看更多</div>
							</div>
							<div class="split">
								<div class="pro-box">
									<div class="img"><img src="skin/default/images/~img.jpg"></div>
									<div class="title">大宝SOD蜜200ML</div>
									<div class="price"><span class="sale">￥16.90</span>&nbsp;<span class="promotion">￥18.60</span></div>
								</div>
								<div class="pro-box">
									<div class="img"><img src="skin/default/images/~img.jpg"></div>
									<div class="title">大宝SOD蜜200ML</div>
									<div class="price"><span class="sale">￥16.90</span>&nbsp;<span class="promotion">￥18.60</span></div>
								</div>
							</div>
						</div>
						<div class="com-box">
							<div class="title-bar cf7c6db">
								<div class="title">个人护理</div>
								<div class="more">查看更多</div>
							</div>
							<div class="split">
								<div class="pro-box">
									<div class="img"><img src="skin/default/images/~img.jpg"></div>
									<div class="title">大宝SOD蜜200ML</div>
									<div class="price"><span class="sale">￥16.90</span>&nbsp;<span class="promotion">￥18.60</span></div>
								</div>
								<div class="pro-box">
									<div class="img"><img src="skin/default/images/~img.jpg"></div>
									<div class="title">大宝SOD蜜200ML</div>
									<div class="price"><span class="sale">￥16.90</span>&nbsp;<span class="promotion">￥18.60</span></div>
								</div>
							</div>
						</div>
						<div class="com-box">
							<div class="title-bar cb2def7">
								<div class="title">家清纸品</div>
								<div class="more">查看更多</div>
							</div>
							<div class="split">
								<div class="pro-box">
									<div class="img"><img src="skin/default/images/~img.jpg"></div>
									<div class="title">大宝SOD蜜200ML</div>
									<div class="price"><span class="sale">￥16.90</span>&nbsp;<span class="promotion">￥18.60</span></div>
								</div>
								<div class="pro-box">
									<div class="img"><img src="skin/default/images/~img.jpg"></div>
									<div class="title">大宝SOD蜜200ML</div>
									<div class="price"><span class="sale">￥16.90</span>&nbsp;<span class="promotion">￥18.60</span></div>
								</div>
							</div>
						</div>
						<div class="bottom-fixed" id="bottom-fixed">
							<footer>
								<div class="bottom-wrap">
									<div class="box">
										<div class="icon icon0"></div>
										<div class="title">首页</div>
									</div>
									<div class="box">
										<div class="icon icon1"></div>
										<div class="title">分类</div>
									</div>
									<div class="box">
										<div class="icon icon2"></div>
										<div class="title">购物中心</div>
									</div>
									<div class="box">
										<div class="icon icon3"></div>
										<div class="title">个人中心</div>
									</div>
								</div>
							</footer>
						</div>
						<!--<div class="autocreate" style="clear:both; height:auto;"></div>-->
					</div>
				</div>
			</div>
			<script>
			(function() {
				$(document).ready(function(e) {
					var ua = window.navigator.userAgent;
					var Firefox = !!ua.match(/Firefox/i);
					var IEMobile = !!ua.match(/IEMobile/i);
					var cssPrefix = Firefox ? '-moz-' : IEMobile ? '-ms-' : '-webkit-';
					var stylePrefix = Firefox ? 'Moz' : IEMobile ? 'ms' : 'webkit';

					//	$("img.lazy").lazyload();
					var el = $('.autocreate');
					for (var i = i ^ i; i < 23; i++) {
						el.append('<img class="islazy" lazyload="true" data-src="skin/default/images/' + i + '.jpg}">');
					}


					var scrollView = new ctrl.scrollview(document.getElementById('scrollview'));
					scrollView.fixed.topElement = document.getElementById('top-fixed');
					scrollView.fixed.bottomElement = document.getElementById('bottom-fixed');
					scrollView.fixed.enable = true;

					// 懒加载的用法
					scrollView.lazyload.realtime = true;
					scrollView.lazyload.handler = function(el) {
						//            el.style[stylePrefix + 'Transition'] = 'background-color 1.5s ease 0, color 1.5s ease-out 0, border-bottom-color 1.5s ease-in 0';
						el.style.backgroundColor = '#fff';
						el.style.color = '#FFF';
						//            el.style.borderBottomColor = '#EEE';
					}
					scrollView.lazyload.enable = true;


					scrollView.init();


					window.scrollView = scrollView;

					//	$("img.lazy").lazyload();
				});
			})()
			</script>
		</div>
	</div>
</body>

</html>
